<template>
  <div id="myfooter">
    <!-- <img class="avatar" src="@/assets/avatar.jpg" alt="" /> -->
       <lottie-animation
      ref="anim"
      :animationData="require('@/assets/icon/footer.json')"
      :loop="true"
      :speed="1"
      style="width:100px"
    />
    <p>个人技术博客 | 微信:YeQuanT</p>
    <a href="http://beian.miit.gov.cn">粤ICP备19037328号</a>
    <!-- <p class="weixin"></p> -->
    <p></p>
  </div>
</template>
<script>
export default {
  name: "myfooter",
  data() {
    return {};
  },
};
</script>
<style>
#myfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  flex-direction: column;
  color: #fff;
  background-color: #fff;
  padding-top: 20px;
  color: #333;
  font-size: 14px;
}
#myfooter .avatar {
  width: 3em;
  border-radius: 5px;
}
#myfooter a{
  color: #333;
}
</style>